<!DOCTYPE html>
<html lang="zh_CN">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>Brzjomo's 加长工具-测试</title>
    <link rel="stylesheet" href="css/style.css" />
    <link rel="stylesheet" href="css/bootstrap.min.css" />
  </head>
  <body>
    <div class="container">
      <!-- 参数 -->
      <div class="row property-parent-box">
        <div class="col">
          <div class="property">宽幅</div>
          <div class="property">比例</div>
        </div>
        <div class="col">
          <!-- 设置宽幅 -->
          <select id="material-width">
            <option value="1.5">1.5米</option>
            <option value="1.8" selected="selected">1.8米</option>
            <option value="2.0">2米</option>
          </select>
          <!-- 设置制图比例 -->
          <select id="drawing-scale">
            <option value="1">1:1</option>
            <option value="10" selected="selected">1:10</option>
            <option value="100">1:100</option>
          </select>
        </div>
      </div>
      <div class="row parent-box">
        <div class="col">
          <div class="row">
            <div class="col">
              <input type="text" name="text-input" id="text-input" value="5" />
              <label for="text-input" class="text-input-label">厘米</label>
            </div>
          </div>
        </div>
      </div>
      <!-- 按钮 -->
      <div class="row button-parent-box">
        <div class="col">
          <div class="row">
            <div class="col no-padding">
              <button class="btn-disabled" disabled="disabled"></button>
              <button id="btn-left">左</button>
              <button class="btn-disabled" disabled="disabled"></button>
            </div>
            <div class="col no-padding">
              <button id="btn-up">上</button>
              <button id="btn-center">居中</button>
              <button id="btn-down">下</button>
            </div>
            <div class="col no-padding">
              <button class="btn-disabled" disabled="disabled"></button>
              <button id="btn-right">右</button>
              <button class="btn-disabled" disabled="disabled"></button>
            </div>
          </div>
        </div>
      </div>
      <!-- 作者相关 -->
      <div class="row">
        <div class="author" id="homePage">- Coded by Brzjomo -</div>
        <div class="author">- Ver 1.0.4 -</div>
      </div>
    </div>
    <!-- JS文件 -->
    <script type="text/javascript" src="js/CSInterface.js"></script>
    <script type="text/javascript" src="js/Vulcan.js"></script>
    <script type="text/javascript" src="js/index.js"></script>
    <script type="text/javascript" src="js/bootstrap.bundle.min.js"></script>
  </body>
</html>
